<template>
  <div class="live">
    <van-nav-bar title="收藏" left-arrow color="red" @click-left="fh" />
    <div class="main">
      <div class="box">
        <h4>知识清单</h4>
        <div class="litbox" @click="inventory">
          <div class="img">
            <img src="../../assets/image/lc.jpg" alt="" />
          </div>
          <div class="litmain">
            <h3>默认知识清单</h3>
            <p>共X条知识点</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Live",

  created() {
    this.$store.commit("tabHide");
  },
  methods: {
    fh() {
      this.$router.go(-1);
    },
    inventory() {
      this.$router.push({ name: "inventory" });
    },
  },
};
</script>

<style lang="scss">
.live {
  background-color: #f2f4f8;
  display: flex;
  flex-direction: column;
  .van-nav-bar .van-icon {
    color: #666;
  }
  > .main {
    margin-top: 10px;
    flex: 1;
    background-color: #fff;
    color: #666;
    .box {
      h4,
      .img {
        margin: 10px;
      }

      h3,
      p {
        margin: 5px 10px;
      }
      .litbox {
        display: flex;

        .img {
          width: 120px;
          > img {
            width: 100%;
          }
        }
        .litmain {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          h3 {
            font-weight: 500;
            color: rgb(66, 66, 66);
          }
          p {
            font-size: 12px;
          }
        }
      }
    }
  }
}
</style>